<template>
  <div id="app">
    <router-view/>
    <!-- 选择性显示 -->
    <tabbar v-if="$route.meta.isTar"></tabbar>
  </div>
</template>
<script>
  import tabbar  from "@/components/tabbar/index.vue"
  export default {
    data(){
      return{}
    },
    methods:{

    },
    components:{
      tabbar
    }
  }
</script>
<style lang="less">
  #app{
    min-height: 100%;
    background-color: #efefef;
    font-size:.16rem;
  }
  html,body{
    height:100%;
    // 使用清除默认样式插件后,这个属性就失效了
    // !important 设置权重
    font-size:100px !important;
  }

  // 移动端项目不能使用px作为单位 需要使用 rem    如果计算的比例是 1/100
  // 1rem  100px
  // 16px  0.16rem   =>   .16rem
</style>
